/* 
    Document   : style
    Created on : Nov 17, 2010, 11:32:42 PM
    Author     : pabloavila
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    background: #ddd;
}

#cuerpo{
    color:#999;
    font-size:14px;    
    margin:35px auto;
    padding:10px;
    border:#999 1px solid;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: #fff;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    width: 50%;
    border-radius: 15px;
    -moz-border-radius: 15px;
 }
 
 #notification{
  color:#999;
    font-size:16px;    
    margin:35px auto;
    padding:0px;
    border:#999 1px solid;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: #fff;    
    width: 50%;
    border-radius: 15px;
    -moz-border-radius: 15px;   
    display: none;
    text-align: center;
    box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}

.positive{
  color: #0c0;
  
}

.negative{

  color: #c00;
}

.campos{
  width: 80%;
  margin: 5px auto;
}

fieldset.fs{
    border: 1px solid #999;
    margin: 10px auto;
    padding: 5px;
    width: 90%;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000;
}

fieldset.tu{
    margin: 10px auto;
    padding: 5px;
    width: 50%;
    text-align: left;
    background: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000;
}

fieldset.gu{
    margin: 10px auto;
    padding: 5px;
    width: 90%;
    text-align: left;
    background: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000;
}

legend.fs {
    border: 1px solid #999;
    background: #eee;
    padding: 10px;
    margin-left: 15px;
    color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
legend.tu {
    border: 0px solid #999;
    background: #fff;
    padding: 5px;
    color: #000;  
}

input[type="text"] {
    border: 1px solid #999;
    background: #fff;
    padding: 2px;
    width: 300px;
    height: 35px;
    font-size: 24px;
    color: #910c0c;
    -moz-border-radius: 8px; -webkit-border-radius: 8px;
    
}

input[type="text"]:focus{
    
color:#35a5e5;
outline:none;
border:#35a5e5 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 0 5px 0 0;
}

.ta{
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
height:75px;
width:500px;
border:#999 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
background: url('texto.jpg') bottom right no-repeat;
}

.ta:focus{
color:#000;
outline:none;
border:#35a5e5 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
background: #fff;
}

.msgautor{
  float:left;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin-left: 40px;
  display: block;
  font-size: 12px;
  color: #999;
  font-weight: bold;
}

.msgsubmit{
  float:right;
  margin-right: 35px;
  
}

.button{
  background: #ddd;
    border: 1px #999 solid;
    height: 35px;    
    color: #910c0c;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 10px auto;
  
}

.button:hover{
  background: #fff;
  color:#35a5e5;
outline:none;
border:#35a5e5 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  
}

.button2{
  background: #ddd;
    border: 1px #999 solid;
    height: 35px;    
    color: #910c0c;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px;
  
}

.button2:hover{
  background: #fff;
  color:#35a5e5;
outline:none;
border:#35a5e5 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  
}

.button3{
  background: #ddd;
    border: 1px #999 solid;
    height: 25px;    
    color: #910c0c;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px;
  
}

.button3:hover{
  background: #fff;
  color:#35a5e5;
outline:none;
border:#35a5e5 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  
}

input[type="radio"] {
  height: 10px;
  width: 10px;
}

label[for="fs"], label[for="guest"], label[for="registered"], label[for="administrator"]{
    margin: 5px 15px 10px 10px;
    color: #000;
    font-size: 18px;    
}

p.buttons{
    text-align: center;
    margin: 5px;
}

#mensajes{
  background: #fff;
  font-size: 14px;
  color: #369;
  border-bottom: 1px dashed #999;
  width: 90%;
  margin: 5px auto 10px auto;
  padding: 5px; 
  overflow: auto;
  
  
}

p.msg{
  width: 95%;
  margin: 0 auto;
  background: #eee;
   border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px;
  
  
}

span.autor{  
  font-weight: bold;
  font-size: 12px;
  
}

p.fecha{
  color: #999;
  float: right;  
  background: #fff;
  padding: 5px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  width: 30%;
  text-align: right;
   
}

#barra{
  width: 98.5%;
  position: fixed;
  top: -5px;
  background: #999;
  text-align: center;
  height: 30px;
  border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border: 1px solid #fff;
  -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    text-align: right;
    
}

#barra p{
  color: #fff;
  font-size: 12px;
  margin-right: 10px;
}

#barra a, #barra a:link, #barra a:active, #a:visited{

  color: #910c0c;
  text-decoration: none;
  margin-left: 10px;
  font-weight: bold;
}

#barra a:hover{

  color:#eee;
}

.place{
  text-align: left;
  margin-left: 15px;
  
}

.gestionautor{
  border-bottom: 1px dashed #999;
  font-size: 14px;
  width: 80%;
  margin: 5px auto;
  
}

.placebuttons{
  width: 80%;
  margin: 0 auto;
  text-align: center;
  
}
